<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" href=" favicon.ico" />
  <title>品优购-我们渺小到不可一世。</title>
  <meta name="description" content="内容偏向于技术,偶尔写写流水账或记录学习方面,比如前端、安卓...等等的一些开发的过程和问题。">
  <meta name="keywords" content="纸盒博客,个人Typecho博客,Web前端,安卓开发,子虚之人">
  <link rel="stylesheet" href="css/rest.css">
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/iconfont.css">
</head>

<body>
  <div class="shortcut ">
    <div class="w">
      <div class="s_left">
        品优购欢迎您！&nbsp;<a href="#">请登录</a><a href="#">免费注册</a>
      </div>
      <div class="s_right">
        <ul>
          <li>我的订单<span>|</span></li>
          <li>我的品优购<span class="iconfont el-arrow-down m_l_r8"></span><span>|</span></li>
          <li>品优购会员<span>|</span></li>
          <li>企业采购<span>|</span></li>
          <li>关注品优购<span class="iconfont el-arrow-down m_l_r8"></span><span>|</span></li>
          <li>客户服务<span class="iconfont el-arrow-down m_l_r8"></span><span>|</span></li>
          <li>网站导航<span class="iconfont el-arrow-down m_l_r8"></span></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="header w">
    <!-- logo -->
    <div class="logo">
      <h1><a href="index.html" title="品优购">品优购商城</a></h1>
    </div>

    <!-- 搜索 -->
    <div class="search">
      <input type="text" name="" id="" value="语言开发"><span>搜索</span>
    </div>
    <!-- 热词 -->
    <div class="hot_word">
      <ul>
        <li>优惠购首发</li>
        <li>亿元优惠</li>
        <li>9.9元团响</li>
        <li>美满99成30</li>
        <li>办公用品</li>
        <li>电脑通信</li>
      </ul>
    </div>

    <!-- 购物车 -->
    <div class="shoping_cart">
      <div class="count">8</div>
      <span>我的购物车</span>
    </div>


  </div>
  <!-- 导航模块 -->
  <div class="nav w clearfix">
    <div class="classify"> 全部商品分类</div>
    <div class="category">
      <ul>
        <li>服装城</li>
        <li>美妆馆</li>
        <li>传智超市</li>
        <li>全球购</li>
        <li>闪购</li>
        <li>团购</li>
        <li>拍卖</li>
        <li>有趣</li>
      </ul>
    </div>
  </div>
  <div class="line"></div>
  <!-- banner 轮播 -->
  <div class="banner w clearfix">
    <div class="category_list">
      <ul>
        <li>家用电器</li>
        <li>手机、数码、通信</li>
        <li>电脑、办公</li>
        <li>家居、家具、家装、厨具</li>
        <li>男装、女装、童装、内衣</li>
        <li>个户化妆、清洁用品、宠物</li>
        <li>鞋靴、箱包、珠宝、奢侈品></li>
        <li>运动户外、钟表</li>
        <li>汽车、汽车用品</li>
        <li>母婴、玩具乐器</li>
        <li>食品、酒类、生鲜、特产</li>
        <li>医药保健</li>
        <li>图书、音像、电子书</li>
        <li>彩票、旅行、充值、票务</li>
        <li>理财、众筹、白条、保险</li>
      </ul>
    </div>
    <div class="viwepager">
      <img src="upload/banner.png" alt="">
    </div>
    <div class="announcement clearfix">
      <div class="anno_info">
        <ul>
          <li>品优购快报<a href="">更多</a></li>
          <li><strong>[特惠]</strong>备战开学季全民半价购数码</li>
          <li><strong>[公告]</strong>品优稳占家电网购六成份额</li>
          <li><strong>[特惠]</strong>百元中秋全品类礼券限里领</li>
          <li><strong>[公告]</strong>上品优生群享阳澄胡大闸蟹</li>
          <li><strong>[特惠]</strong>每日享折扣品优品质游</li>
        </ul>

      </div>
      <div class="anno_ico">
        <table>
          <tbody>
            <tr>
              <td>话费</td>
              <td>机票</td>
              <td>电票</td>
              <td>游戏</td>
            </tr>
            <tr>
              <td>彩票</td>
              <td>加油卡</td>
              <td>酒店</td>
              <td>火车票</td>
            </tr>
            <tr>
              <td>众筹</td>
              <td>理财</td>
              <td>礼品卡</td>
              <td>白条</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="anno_img">
        <img src="upload/rr.png">
      </div>
    </div>
  </div>
  <!-- recommend 推荐 -->
  <div class="w clearfix">
    <div class="recommend">今日推荐</div>
    <ul class="reco_list">
      <li class="recto_type">
        <ul>
          <li>优质好货</li>
          <li>满300减100</li>
          <li>满500减200</li>
          <li></li>
        </ul>
        <img src="upload/r1.png">
      </li>
      <li class="recto_type">
        <ul>
          <li>品牌尾货</li>
          <li>满300减100</li>
          <li>团购低至9.9</li>
          <li>团购</li>
        </ul>
        <img src="upload/r2.png">
      </li>
      <li class="recto_type">
        <ul>
          <li>时尚穿搭</li>
          <li>低至3.6折</li>
          <li>暑期出游季</li>
          <li>闪购</li>
        </ul>
        <img src="upload/r3.png">
      </li>
      <li class="recto_type">
        <ul>
          <li>0点上新</li>
          <li>全场包邮</li>
          <li>低至1折</li>
          <li>闪购</li>
        </ul>
        <img src="upload/r4.png">
      </li>
    </ul>
  </div>

  <div class="goods1 w mg_t20">
    <div class="g_ttile1">
      <div>猜你喜欢</div>
      <div>换一批</div>
    </div>
    <div class="g1_content clearfix">
      <ul class="g1_item">
        <li><img src="upload/f1.png" alt=""></li>
        <li>阳光美包新款单肩包女</li>
        <li>包时尚子母包四件套女</li>
        <li>￥116.00</li>
      </ul>
      <ul class="g1_item">
        <li><img src="upload/f2.png" alt=""></li>
        <li>爱仕达30妙锅不粘</li>
        <li>锅酬G8330E电磁炉炒</li>
        <li>￥99.00</li>
      </ul>
      <ul class="g1_item">
        <li><img src="upload/f3.png" alt=""></li>
        <li>捷波朗</li>
        <li>(jabra)B00SI劲步</li>
        <li>￥245.00</li>
      </ul>
      <ul class="g1_item">
        <li><img src="upload/f4.png" alt=""></li>
        <li>欧普</li>
        <li>YLZ08面板灯平板灯铝</li>
        <li>￥238.00</li>
      </ul>
      <ul class="g1_item">
        <li><img src="upload/f5.png" alt=""></li>
        <li>三星</li>
        <li>(G5500)移动联</li>
        <li>￥649.00</li>
      </ul>
      <ul class="g1_item">
        <li><img src="upload/f6.png" alt=""></li>
        <li>韩国所望</li>
        <li>紧致湿润精华露400m1</li>
        <li>￥649.00</li>
      </ul>

    </div>
  </div>
  <div class="goods2 w mg_t20 ">
    <div class="g2_title">
      <div>传智播客·有趣区</div>
    </div>
    <div class="goods2_content clearfix">
      <!-- 传智播客 -->
      <div class="g2_item">
        <img src="upload/f21.png" alt="">
      </div>
      <!-- 好东西 -->
      <div class="g2_item">
        <div class="g2_i_title">好东西</div>
        <div class="g2_i_content">
          <ul>
            <li>达人推荐</li>
            <li>雷神金属机械键盘</li>
            <li>与你相见恨晚</li>
          </ul>
          <img src="upload/f22.png" alt="" srcset="">
        </div>
        <div class="g2_i_content">
          <ul>
            <li>发现好物</li>
            <li>一不小心霸气外露</li>
            <li>等你来</li>
          </ul>
          <img src="upload/f23.png" alt="" srcset="">
        </div>
      </div>
      <!-- 品牌街 -->
      <div class="g2_item">
        <div class="g2_i_title">品牌街</div>
        <div class="g2_i_content">
          <ul>
            <li>苏泊尔</li>
            <li>返场大秀场</li>
            <li>爆品直降100元</li>
          </ul>
          <img src="upload/f24.png" alt="" srcset="">
        </div>
        <div class="g2_i_content">
          <ul>
            <li>国际大牌</li>
            <li>adidas</li>
            <li>部分3免1</li>
          </ul>
          <img src="upload/f25.png" alt="" srcset="">
        </div>
        <div class="g2_i_content">
          <ul>
            <li>本周特卖</li>
            <li>大牌折扣</li>
            <li>每周上新</li>
          </ul>
          <img src="upload/f26.png" alt="" srcset="">
        </div>
      </div>
      <!-- 品牌logo -->
      <div class="g2_item brand_logo">
        <ul class="clearfix">
          <li><img src="upload/brand_logo1.png" alt="" srcset=""></li>
          <li><img src="upload/brand_logo2.png" alt="" srcset=""></li>
          <li><img src="upload/brand_logo_21.png" alt="" srcset=""></li>
          <li><img src="upload/brand_logo3.png" alt="" srcset=""></li>
          <li><img src="upload/brand_logo4.png" alt="" srcset=""></li>
          <li><img src="upload/brand_logo5.png" alt="" srcset=""></li>
          <li><img src="upload/brand_logo6.png" alt="" srcset=""></li>
          <li><img src="upload/brand_logo7.png" alt="" srcset=""></li>
          <li><img src="upload/brand_logo8.png" alt="" srcset=""></li>
          <li><img src="upload/brand_logo9.png" alt="" srcset=""></li>
          <li><img src="upload/brand_logo10.png" alt="" srcset=""></li>
          <li><img src="upload/brand_logo11.png" alt="" srcset=""></li>
          <li><img src="upload/brand_logo12.png" alt="" srcset=""></li>
          <li><img src="upload/brand_logo13.png" alt="" srcset=""></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="goods3 w mg_t20">
    <!-- goods3_title -->
    <div class="goods3_title clearfix">
      <div class="g3_t_name">家用电器</div>
      <ul class="g3_t_list clearfix">
        <li>热门</li>
        <li>大家电</li>
        <li>生活电器</li>
        <li>厨房电器</li>
        <li>个护健康</li>
        <li>应季电器</li>
        <li>空气/净水</li>
        <li>新奇特</li>
        <li>高端电器</li>
      </ul>
    </div>
    <div class="line"></div>

    <div class="g3_itme clearfix">
      <!-- 第一列 -->
      <div class="g3_i_list1">
        <ul class="clearfix">
          <li>节能补贴</li>
          <li>4K电视</li>
          <li>空气净化器</li>
          <li>IH电饭煲</li>
          <li>滚简洗衣机</li>
          <li>电热水器</li>
        </ul>
        <div>
          <p>三星曲面电视</p>
          <p>抽奖送豪礼</p>
          <img src="upload/f31.png" alt="">
        </div>
      </div>
      <!-- 第2列 -->
      <div class="g3_i_list2">
        <p>烧水壶智能光控泡茶壶茶具套装</p>
        <p>满299.00减40.00</p>
        <img src="upload/f32.png" alt="">
        <ul>
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </div>
      <!-- 第3列 -->
      <div class="g3_i_list3">
        <div>
          <p class="g3_i_l_title1">没满200减20元</p>
          <p class="g3_i_l_title2">烘培节1元抢购</p>
          <img src="upload/f33.png" alt="" srcset="">
        </div>
        <div>
          <p class="g3_i_l_title1">买乐视电视享钜惠</p>
          <p class="g3_i_l_title2">送60个月会员</p>
          <img src="upload/f34.png" alt="" srcset="">
        </div>
      </div>
      <!-- 第4列 -->
      <div class="g3_i_list4">
        <p>8.20彩电宅购节</p>
        <p>65寸4K智能电视3799</p>
        <img src="upload/f35.png" alt="" srcset="">
      </div>
      <!-- 第5列 -->
      <div class="g3_i_list5">
        <div>
          <p class="g3_i_l_title1">消暑神器全场领券</p>
          <p class="g3_i_l_title2">1元赢空调</p>
          <img src="upload/f36.png" alt="" srcset="">
        </div>
        <div>
          <p class="g3_i_l_title1">买乐视电视享钜惠</p>
          <p class="g3_i_l_title2">送60个月会员</p>
          <img src="upload/f37.png" alt="" srcset="">
        </div>
      </div>
    </div>
    <!-- g3_logo -->
    <ul class="w goods3_logo clearfix">
      <li><img src="upload/brand_logo1.png" alt=""></li>
      <li><img src="upload/brand_logo2.png" alt=""></li>
      <li><img src="upload/brand_logo3.png" alt=""></li>
      <li><img src="upload/brand_logo4.png" alt=""></li>
      <li><img src="upload/brand_logo5.png" alt=""></li>
      <li><img src="upload/brand_logo6.png" alt=""></li>
      <li><img src="upload/brand_logo7.png" alt=""></li>
      <li><img src="upload/brand_logo8.png" alt=""></li>
      <li><img src="upload/brand_logo9.png" alt=""></li>
      <li><img src="upload/brand_logo10.png" alt=""></li>
    </ul>
  </div>

  

  <div class="goods4 w mg_t20">
    <!-- goods3_title -->
    <div class="goods3_title clearfix">
      <div class="g3_t_name">手机通讯</div>
      <ul class="g3_t_list clearfix">
        <li>热门</li>
        <li>品质优选</li>
        <li>新机尝鲜</li>
        <li>高性价比</li>
        <li>口碑推荐</li>
        <li>合约机</li>
        <li>手机卡</li>
        <li>店铺精选</li>
        <li>手机配件</li>
      </ul>
    </div>
    <div class="line"></div>

    <div class="g3_itme clearfix">
      <!-- 第一列 -->
      <div class="g3_i_list1">
        <ul class="clearfix">
          <li>手机通讯</li>
          <li>依旧换新</li>
          <li>双卡双待</li>
          <li>自营酒件</li>
          <li>金属机身</li>
          <li>高清屏</li>
        </ul>
        <div>
          <p>中兴A1低至499元</p>
          <p>国民指纹，超6万好评</p>
          <img src="upload/f41.png" alt="">
        </div>
      </div>
      <!-- 第2列 -->
      <div class="g3_i_list2">
        <p>360N4S限量版</p>
        <p>1199元抢购</p>
        <img src="upload/f42.png" alt="">
        <ul>
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </div>
      <!-- 第3列 -->
      <div class="g3_i_list3">
        <div>
          <p class="g3_i_l_title1">Moto X极</p>
          <p class="g3_i_l_title2">低至￥2999</p>
          <img src="upload/f43.png" alt="" srcset="">
        </div>
        <div>
          <p class="g3_i_l_title1">乐max2限量秒杀</p>
          <p class="g3_i_l_title2">每日1899秒</p>
          <img src="upload/f44.png" alt="" srcset="">
        </div>
      </div>
      <!-- 第4列 -->
      <div class="g3_i_list4">
        <p>G9青春版玫瑰金首发</p>
        <p>赢0元试用</p>
        <img src="upload/f45.png" alt="" srcset="">
      </div>
      <!-- 第5列 -->
      <div class="g3_i_list5">
        <div>
          <p class="g3_i_l_title1">荣耀V82K屏</p>
          <p class="g3_i_l_title2">￥2799元</p>
          <img src="upload/f46.png" alt="" srcset="">
        </div>
        <div>
          <p class="g3_i_l_title1">vivo x7星空灰</p>
          <p class="g3_i_l_title2">1元赢新机</p>
          <img src="upload/f47.png" alt="" srcset="">
        </div>
      </div>
    </div>
    <!-- g3_logo -->
    <ul class="w goods3_logo clearfix">
      <li><img src="upload/brand_logo2.png" alt=""></li>
      <li><img src="upload/brand_logo6.png" alt=""></li>
      <li><img src="upload/brand_logo3.png" alt=""></li>
      <li><img src="upload/brand_logo4.png" alt=""></li>
      <li><img src="upload/brand_logo5.png" alt=""></li>
      <li><img src="upload/brand_logo9.png" alt=""></li>
      <li><img src="upload/brand_logo8.png" alt=""></li>
      <li><img src="upload/brand_logo1.png" alt=""></li>
      <li><img src="upload/brand_logo7.png" alt=""></li>
      <li><img src="upload/brand_logo10.png" alt=""></li>
    </ul>
  </div>
  <div class="goods5 w mg_t20">
    <!-- goods3_title -->
    <div class="goods3_title clearfix">
      <div class="g3_t_name">家用电器</div>
      <ul class="g3_t_list clearfix">
        <li>热门</li>
        <li>电脑/平板</li>
        <li>朝流景音</li>
        <li>智能/外设</li>
        <li>D工Y硬件</li>
        <li>电竞游戏</li>
        <li>办公网络</li>
        <li>文具电教</li>
        <li>精选配件</li>
      </ul>
    </div>
    <div class="line"></div>

    <div class="g3_itme clearfix">
      <!-- 第一列 -->
      <div class="g3_i_list1">
        <ul class="clearfix">
          <li>SSD硬盘</li>
          <li>显示器</li>
          <li>机械键盘</li>
          <li>台式机</li>
          <li>组装电脑</li>
          <li>配件专区</li>
        </ul>
        <div>
          <p>电脑特惠直降3000</p>
          <p>游戏本6期免息</p>
          <img src="upload/f51.png" alt="">
        </div>
      </div>
      <!-- 第2列 -->
      <div class="g3_i_list2">
        <p>大牌相机低价抢</p>
        <p>运动相机低至￥299</p>
        <img src="upload/f52.png" alt="">
        <ul>
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </div>
      <!-- 第3列 -->
      <div class="g3_i_list3">
        <div>
          <p class="g3_i_l_title1">平板新世界</p>
          <p class="g3_i_l_title2">开启2IN1时代</p>
          <img src="upload/f53.png" alt="" srcset="">
        </div>
        <div>
          <p class="g3_i_l_title1">低价来袭</p>
          <p class="g3_i_l_title2">机械键盘低至99元</p>
          <img src="upload/f54.png" alt="" srcset="">
        </div>
      </div>
      <!-- 第4列 -->
      <div class="g3_i_list4">
        <p>全场6期分期免息</p>
        <p>我和DIY有个约会</p>
        <img src="upload/f55.png" alt="" srcset="">
      </div>
      <!-- 第5列 -->
      <div class="g3_i_list5">
        <div>
          <p class="g3_i_l_title1">消暑神器全场领券</p>
          <p class="g3_i_l_title2">1元赢空调</p>
          <img src="upload/f56.png" alt="" srcset="">
        </div>
        <div>
          <p class="g3_i_l_title1">潮流手配尖叫来袭</p>
          <p class="g3_i_l_title2">满99元减30元</p>
          <img src="upload/f57.png" alt="" srcset="">
        </div>
      </div>
    </div>
    <!-- g3_logo -->
    <ul class="w goods3_logo clearfix">
      <li><img src="upload/brand_logo1.png" alt=""></li>
      <li><img src="upload/brand_logo2.png" alt=""></li>
      <li><img src="upload/brand_logo3.png" alt=""></li>
      <li><img src="upload/brand_logo4.png" alt=""></li>
      <li><img src="upload/brand_logo5.png" alt=""></li>
      <li><img src="upload/brand_logo6.png" alt=""></li>
      <li><img src="upload/brand_logo7.png" alt=""></li>
      <li><img src="upload/brand_logo8.png" alt=""></li>
      <li><img src="upload/brand_logo9.png" alt=""></li>
      <li><img src="upload/brand_logo10.png" alt=""></li>
    </ul>
  </div>

 
  <div class="goods6 w mg_t20 clearfix">
    <div class="g6_title">
      热门疯抢
    </div>
    <div class="g6_itme1">
      <img src="upload/g61.png" alt="">
      <p class="g6_goods_name">暴风魔镜小D虚拟现实智能VR眼镜3</p>
      <p class="g6_price">￥79.00</p>
    </div>
    <div class="g6_itme2">
      <table>
        <tr>
          <td>
            <img src="upload/g62.png" alt="">
            <p class="g6_goods_name">羽博7800毫安Z3移动电源充电</p>
            <p class="g6_price">￥139.00</p>
          </td>
          <td>
            <img src="upload/g63.png" alt="">
            <p class="g6_goods_name">全微(transwin)A-9202.0声道</p>
            <p class="g6_price">￥29.00</p>
          </td>
          <td>
            <img src="upload/g64.png" alt="">
            <p class="g6_goods_name">2016夏季新款短袖镂空大冷领蕾丝</p>
            <p class="g6_price">￥129.00</p>
          </td>
        </tr>
        <tr>
          <td>
            <img src="upload/g65.png" alt="">
            <p class="g6_goods_name">羽博7800毫安Z3移动电源充电</p>
            <p class="g6_price">￥139.00</p>
          </td>
          <td>
            <img src="upload/g65.png" alt="">
            <p class="g6_goods_name">羽博7800毫安Z3移动电源充电</p>
            <p class="g6_price">￥139.00</p>
          </td>
          <td>
            <img src="upload/g66.png" alt="">
            <p class="g6_goods_name">璞衣2016秋冬新款复古棉麻印花</p>
            <p class="g6_price">￥129.00.00</p>
          </td>
        </tr>
      </table>
    </div>
    <div class="g6_itme3">
      <div class="clearfix">
        <img src="upload/g64.png" alt="" srcset="">
        <p><img src="upload/f55.png" alt="">059***</p>
        <p>"高分辨率的屏幕用着和台式机一样…"</p>
      </div>
      <div>
        <img src="upload/g67.png" alt="" srcset="">
        <p><img src="upload/f55.png" alt="">颜***利</p>
        <p>"摄像头超清晰，拍出来的图片是.…"</p>
      </div>
    </div>
  </div>

  <div class="fb">
    <div class="footer w">
      <div class="f_row1 clearfix">
        <ul>
          <li>
            <div></div>
            <p>正品保障</p>
            <p>正品保障，提供发票</p>
          </li>
          <li>
            <div></div>
            <p>极速物流</p>
            <p>急速物流，急速送达</p>
          </li>
          <li>
            <div></div>
            <p>无优售后</p>
            <p>7天无理由退换货</p>
          </li>
          <li>
            <div></div>
            <p>特色服务</p>
            <p>私人定制家电套餐</p>
          </li>
          <li>
            <div></div>
            <p>帮助中心</p>
            <p>您的购物指南</p>
          </li>
        </ul>
      </div>
      <div class="f_row2 clearfix">
        <dl>
          <dt>购物指南</dt>
          <dd>购物流程</dd>
          <dd>会员介绍</dd>
          <dd>生活旅行团购</dd>
          <dd>常见问题</dd>
          <dd>大家电</dd>
          <dd>联系客服</dd>
        </dl>
        <dl>
          <dt>配送方式</dt>
          <dd>上门自提</dd>
          <dd>211限时达</dd>
          <dd>配送服务查间</dd>
          <dd>送费收取标准</dd>
          <dd>海外配送</dd>
        </dl>
        <dl>
          <dt>支付方式</dt>
          <dd>货到付款</dd>
          <dd>在线支付</dd>
          <dd>分期付款</dd>
          <dd>邮局汇款</dd>
          <dd>公司转账</dd>
        </dl>
        <dl>
          <dt>售后服务</dt>
          <dd>售后政策</dd>
          <dd>价格保护</dd>
          <dd>退款说明</dd>
          <dd>返修/退换货</dd>
          <dd>取消订单</dd>
        </dl>
        <dl>
          <dt>特色服务</dt>
          <dd>夺宝岛</dd>
          <dd>DIY装机</dd>
          <dd>延保服务</dd>
          <dd>品优购驱卡</dd>
          <dd>品优购通信</dd>
        </dl>
        <dl>
          <dt>帮助中心</dt>
          <dd><img src="images/wx_cz.jpg" alt=""></dd>
          <dd class="wx_cz">品优购客户端</dd>
        </dl>
      </div>
    </div>
    <div class="copyright w">
      <p>关于我们|联系我们|联系客服|商家入驻|营销中心丨手机品优购丨友情链接丨销售联盟|品优购社区|品优购公益|ish Site|Contact V</p>
      <p>地址：北京市昌平区建材城西路金燕龙动公楼一层邮编：100096电话：400-618-4000传真：010-82935100邮箱：zhanghj+-itcast.cn</p>
      <p>京ICP备08001421号京公网安备110108007702</p>
    </div>
  </div>

  <script>
    var icoContainer = document.querySelectorAll(".anno_ico td")
    var rowNum = 4;
    var icoW = 62, icoH = 72, baseX = 3;
    icoContainer.forEach((item, index) => {
      item.style.backgroundImage = "url('images/icons.png')"
      let y = -parseInt(index / 4) * icoH;
      let x = - index % 4 * icoW + baseX;
      item.style.backgroundPosition = x + "px " + y + "px"
    })
  </script>
</body>


</html>